<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		<title>会员注册</title>
		<link type="text/css" rel="stylesheet" href="css/main.css">
		<script language="javascript" type="text/javascript" src="My97DatePicker/WdatePicker.js"></script>
	</head>
	<style type="text/css">
body {
	font-family: 黑体;
	font-size: 13px;
	color: #6F5642;
}

a {
	color: #AE7041;
	text-decoration: none;
	cusor: pointer;
}

a:hover {
	color: purple;
}

.sp {
	color: #f00;
}
</style>
	<script type="text/javascript">
	function sendTo() {
		document.getElementById('form1').submit();
	}
	function resetForm() {
		document.getElementById('form1').reset();
	}
</script>
	<body>
		<div style="width: 1004px">
			<%@  include file="top.jsp"%>
			<p align="left">
				您现在的位置:
				<a href="${CONTEXT_ROOT}/MainServlet">流浪书屋</a>&nbsp;&gt;&nbsp;
				<font color="#ff0000">在线注册</font>
			</p>
			<table width="1004px" border="0" bordercolor="#d3dd96">
				<tr style="color: #6f5642; text-align: center;">
					<td
						style="width: 492px; height: 29px; text-align: center; color: #ffffff; font-family: 黑体;"
						background="images/up_01.jpg">
						1.填写注册信息
					</td>
					<td
						style="width: 512px; text-align: center; color: #6F5642; font-family: 黑体"
						bgcolor="#d3dd96">
						2.注册成功
					</td>
				</tr>
				<tr>
					<td colspan="2" style="border-bottom: 1px dotted #696969;">
						<br>
						<font size="5" color="#ff0000">欢迎注册流浪书屋</font>
						<br>
						<br>
						(
						<font color="#ff0000">* 标识的为必填项</font>)
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<form action="${CONTEXT_ROOT}/SysMemberServlet" method="post"
							name="form1" id="form1">
							<table>
								<tr>
									<td width="25%">
										<br>
									</td>
									<td width="18%" align="right">
										昵称:
									</td>
									<td width="37" align="left">
										<input type="text" name="name" size="20">
									</td>
									<td width="20%" align="left">
										<font color="#ff0000">*</font><span id="nameSpan" class="sp"></span>
									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>
									<td align="right">
										用户名:
									</td>
									<td align="left">
										<input type="text" name="userName" id="userName" size="20">
									</td>
									<td align="left">
										<font color="#ff0000">*</font><span id="userNameSpan"
											class="sp">${msg}</span>

									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>
									<td align="right">
										密码:
									</td>
									<td align="left">
										<input type="password" name="password" id="password" size="20">
									</td>
									<td align="left">
										<font color="#ff0000">*</font><span id="passwordSpan"
											class="sp"></span>
									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>
									<td align="right">
										确认密码:
									</td>
									<td align="left">
										<input type="password" name="passwordCheck" size="20"
											id="passwordCheck">
									</td>
									<td align="left">
										<font color="#ff0000">*</font><span id="passwordCheckSpan"
											class="sp"></span>
									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										邮箱:
									</td>
									<td align="left">
										<input type="text" name="email" size="20" id="email">
									</td>
									<td align="left">
										<font color="#ff0000">*</font>
										<span id="emailSpan" class="sp"></span>

									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										证件号:
									</td>
									<td align="left">
										<input type="text" name="cardId" size="20">
									</td>
									<td align="left">
										<font color="#ff0000">*</font>
										<span id="cardIdSpan" class="sp"></span>
									</td>
								</tr>

								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										性别:
									</td>
									<td align="left">
										<input type="radio" name="sex" value="男" checked="checked">
										男
										<input type="radio" value="女" name="sex">
										女
									</td>
									<td>
										<br>
									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										出生日期:
									</td>
									<td align="left">
									<input class="Wdate" type="text" onClick="WdatePicker()" name="birthday" size="20">
									</td>
									<td>
										<br>
									</td>
								</tr>

								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										电话:
									</td>
									<td align="left">
										<input type="text" name="tel" size="20">
									</td>
									<td>
										<br>
									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										地址:
									</td>
									<td align="left" colspan="2">
										<input type="text" name="area" size="3">
										省

										<input type="text" name="address" size="17">
										乡镇
									</td>
									<td>
										<br>
									</td>
								</tr>
								<tr>
									<td>
										<br>
									</td>

									<td align="right">
										邮编:
									</td>
									<td align="left">
										<input type="text" name="zip" size="20">
									</td>
									<td>
										<br>

									</td>
								</tr>

								<!--<tr><td><br></td>
								<td colspan="3"><input type="checkbox" id="checkRegister" name="checkRegister">我已阅读并同意《深圳书城服务条款》</td>
							</tr>
							-->
								<tr>
									<td>
										<br>
									</td>

									<td>
										<br>
									</td>

									<td colspan="2" align="left">
										<div
											style="float: left; text-align: center; vertical-align: middle; line-height: 27px; font-size: 16px; color: #851B25; width: 80px; height: 27px; background-color: #C4B7A7">
											<a href="#" onclick="sendTo()">提交</a>

											<input type="hidden" value="add" name="method">
											<input type="hidden" name="state" value="1">
											<input type="hidden" name="gradeId" value="1">
											<input type="hidden" name="integral" value="0">
										</div>
										<div
											style="float: left; text-align: center; vertical-align: middle; line-height: 27px; font-size: 16px; color: #851B25; width: 80px; height: 27px; background-color: #C4B7A7">

											<a href="#" onclick="resetForm()">重置</a>
										</div>
									</td>
								</tr>
							</table>
						</form>
					</td>
				</tr>
			</table>
			<%@  include file="bottom.jsp"%>
		</div>
	</body>
</html>